﻿<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>零食网页个人中心</title>

    <link href="css/basic.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <header>
        <h1 style="text-align: center;">欢迎来到好恰恰零食世界个人中心</h1>
    </header>
    <main>
        <section class="profile">
            <h2>个人信息</h2>
            <p>用户名：<input type="text" id="username" value="" readonly></p>
            <p>地址：<input type="text" id="address" value="" readonly></p>
            <p>手机：<input type="text" id="phone" value="" readonly></p>
        </section>
        <button id="editBtn" class="edit-btn" onclick="toggleEdit()">编辑个人信息</button>
        <button id="saveBtn" class="edit-btn" onclick="saveEdit()">保存</button>
        <button id="cancelBtn" class="edit-btn" onclick="cancelEdit()">取消</button>

        <section class="favorites">
            <h2>零食购物车</h2>
            <ul id="snackList">

            </ul>
        </section>
        <button onclick="addSnack()">自定义添加零食</button>
        <button onclick="removeSnack()">删除零食</button>

    </main>

    <script src="js/个人中心.js"></script>

    <script src="js/前后端数据交互.js"></script>

    <script src="../SnackList/js/数据交互.js"></script>

    <script>
        getSnackList();
    </script>
</body>

</html>